<script lang="ts" name="home" setup>
import { useHomeStore } from '@/stores'
import { toPage } from '@/utils'

const homeStore = useHomeStore()
console.log('主页打印测试')
</script>

<template>
  <div class="home">
    首页
    <IHello />
    <img alt="" class="w-[300px]" src="@/assets/images/1.png" />
    <div>总数:{{ homeStore.total }}</div>
    <button @click="homeStore.add()">添加</button>
    <button @click="homeStore.minus()">减少</button>
    <div>
      <button class="bg-amber-400 px-0.5 py-0.5 border-[10px]" @click="toPage('/list')">跳转列表</button>
      <button class="bg-amber-400 px-0.5 py-0.5 border-[10px] ml-[10px]" @click="toPage('/login')">跳转登录</button>
    </div>
  </div>
</template>

<style scoped></style>
